/*设置导航栏下的子级框*/

 .region-1 {
    width: 400px;
    height: 300px;
    overflow-y:scroll;
    border:1px #e5e5e5 solid;
    border-top: 1px transparent;
    transition: all 1s ease;
    display: none;
    background-color: rgb(255, 253, 253);
   
}
.region-1>div:nth-child(1){
    height: 50px;
    
    display: flex;
   padding-left: 10px;
    align-items:center;
}
.region-1>div:nth-child(2){
    height: 30px;
   
    display: flex;
   padding-left: 10px;
    align-items:center;
    border-top:1px  solid #e5e5e5;
    border-bottom:1px  solid #e5e5e5;
}

.region-1-1{
    line-height: 1;
    overflow: hidden;
 
}
.region-1-1 span{
   margin-left: 10px;
   margin-top: 10px;
   float: left;
}
.region-1-1 ul{
    border-bottom: 1px solid #e5e5e5;
   overflow: hidden;
}
.region-1-1 li>a{
    float: left;
    margin: 10px 20px;
}
.region:hover .region-1{
   display: block;
   transition: all 1s ease;
}
.region:hover{
    border:1px  #e5e5e5 solid;
    border-top: 0px;
}